<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>项目</title>
    <link rel="stylesheet" href="./styles/index.css" />
    <link rel="stylesheet" href="./styles/in.css" />
    <link rel="stylesheet" href="./styles/3.css" />
    <link rel="stylesheet" href="../project/dist/css/swiper.min.css" />
    <style>
        body{
           
            overflow-x: hidden;
        }
        .swiper-container {
            width: 1200px;
            height: 624.42px;
        }
       
    </style>
</head>

<body>
    <div class="header">
        <div class="head clearfix">
            <div class="logo">
                <a><img src="./images/logo.jpg" alt="视维科技" /></a>
            </div>
            <ul class="nav clearfix">
                <li class="now"><a href="index.html">首页</a></li>
                <li>
                    <a href="./pages/about.html">关于我们</a>
                </li>
                <li>
                    <a href="./pages/solution.html">解决方案</a>
                </li>
                <li>
                    <a href="./pages/product.html">产品</a>
                </li>
                <li>
                    <a href="./pages/service.html">服务</a>
                </li>
                <li>
                    <a href="./pages/contact.html">联系我们</a>
                </li>
            </ul>
            <div class="search">
                <input name="" type="text" class="text" />
                <input name="" type="submit" class="btn" value="" />
            </div>
            <div class="nav_m">
                <span class="n_icon">&nabla;</span>
                <ul>
                    <li class="now"><a href="index.html">首页</a></li>
                    <li><a href="about.html">关于我们</a></li>
                    <li><a href="solution.html">解决方案</a></li>
                    <li><a href="product.html">产品</a></li>
                    <li><a href="service.html">服务</a></li>
                    <li><a href="contact.html">联系我们</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 头部 -->
    <!-- 幻灯片 -->
    <!-- <div class="banner">
         <div class="slider">
                <div class="flexslider">
                     <ul class="slides"> 
                      <li>
                          <img src="./images/banner.jpg" alt="">
                      </li>
                      <li>
                          <img src="./images/banner.jpg" alt="">
                      </li>
                      <li>
                          <img src="./images/banner.jpg" alt="">
                      </li>
                     </ul>
                </div>
         </div>
      </div> -->
    <!-- <section class="banner"> -->
    <!--图片内容-->
    <!-- <ul>
            <li><a href="#1"><img src="./images/banner.jpg" /></a></li>
            <li><a href="#2"><img src="./images/banner.jpg" /></a></li>
            <li><a href="#3"><img src="./images/banner.jpg" /></a></li> -->
    <!--这张重复的图片是用来衔接切换到第一张时看不出停顿而使用的-->
    <!-- <li><a href="#1"><img src="./images/banner.jpg" /></a></li>
        </ul> -->
    <!--分页小圆点-->
    <!-- <div>
            <span></span>
            <span></span>
            <span></span> -->
    <!--用来动画移动定位当前图片位置的(标识当前页)-->
    <!-- <span class="active"></span>
        </div>
    </section>
     -->
    <div class="Sign"><a href="../project/pages/Sign in.html">登录注册</a></div>

    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide" style="text-align: center;">
                <img src="./images/banner.jpg" alt="" />1
            </div>
            <div class="swiper-slide"style="text-align: center;">
                <img src="./images/banner.jpg" alt="" />2
            </div>
            <div class="swiper-slide"style="text-align: center;">
                <img src="./images/banner.jpg" alt="" />3
            </div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>

        <!-- 如果需要导航按钮 -->
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>

        <!-- 如果需要滚动条 -->
        <div class="swiper-scrollbar"></div>
    </div>

    <div class="space_hx">&nbsp;</div>
    <div class="i_box slt">
        <div class="box_h">
            <div class="tltie">
                解决方案
                <div class="line line_1">&nbsp;</div>
                <div class="line line_r">&nbsp;</div>
            </div>
            <p>SOLUTION</p>
        </div>
        <div class="box_m">
            <ul class="solution i_solution clearfix">
                <li>
                    <div class="l_up">
                        <div class="tu"><img src="./images/icon2.png" alt="" /></div>
                        <div class="title">互联网视频流媒体系统</div>
                        <div class="more">
                            <a><img src="./images/icon1.png" alt="" /></a>
                        </div>
                    </div>
                    <div class="l_dn">
                        <div class="l_line"><span>&nbsp;</span></div>
                        <p>
                            提供了一个开放的应用上传，发布，交流，分享的网络平台，打造更加便利的电视应用生态圈
                        </p>
                        <a>MORE</a>
                    </div>
                </li>
                <li>
                    <div class="l_up">
                        <div class="tu"><img src="./images/icon3.png" alt="" /></div>
                        <div class="title">OTT综合业务管理系统</div>
                        <div class="more">
                            <a><img src="./images/icon1.png" alt="" /></a>
                        </div>
                    </div>
                    <div class="l_dn">
                        <div class="l_line"><span>&nbsp;</span></div>
                        <p>
                            提供了一个开放的应用上传，发布，交流，分享的网络平台，打造更加便利的电视应用生态圈
                        </p>
                        <a>MORE</a>
                    </div>
                </li>
                <li>
                    <div class="l_up">
                        <div class="tu"><img src="./images/icon4.png" alt="" /></div>
                        <div class="title">广告业务管理系统</div>
                        <div class="more">
                            <a><img src="./images/icon1.png" alt="" /></a>
                        </div>
                    </div>
                    <div class="l_dn">
                        <div class="l_line"><span>&nbsp;</span></div>
                        <p>
                            提供了一个开放的应用上传，发布，交流，分享的网络平台，打造更加便利的电视应用生态圈
                        </p>
                        <a>MORE</a>
                    </div>
                </li>
                <li>
                    <div class="l_up">
                        <div class="tu"><img src="./images/icon5.png" alt="" /></div>
                        <div class="title">视频编码系统</div>
                        <div class="more">
                            <a><img src="./images/icon1.png" alt="" /></a>
                        </div>
                    </div>
                    <div class="l_dn">
                        <div class="l_line"><span>&nbsp;</span></div>
                        <p>
                            提供了一个开放的应用上传，发布，交流，分享的网络平台，打造更加便利的电视应用生态圈
                        </p>
                        <a>MORE</a>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="space_hx">&nbsp;</div>
    <div class="i_box fw">
        <div class="fw_bg"><img src="./images/bg_b.jpg" alt="" /></div>
        <div class="fw_m">
            <div class="box_h">
                <div class="title">
                    服&nbsp;&nbsp;&nbsp;&nbsp;务
                    <div class="line line_1">&nbsp;</div>
                    <div class="line line_r">&nbsp;</div>
                </div>
                <p>SERVICE</p>
            </div>
            <div class="box_mm">
                <ul class="solution service clearfix">
                    <li>
                        <a>
                            <div class="tu tu_a">&nbsp;</div>
                            <div class="name">系统集成服务</div>
                            <p>SYSTEM INTEGRATION SERVTCES</p>
                            <div class="f_line">&nbsp;</div>
                        </a>
                    </li>
                    <li>
                        <a>
                            <div class="tu tu_b">&nbsp;</div>
                            <div class="name">网络部署服务</div>
                            <p>NETWORK DEPLOYMENT SERVICES</p>
                            <div class="f_line">&nbsp;</div>
                        </a>
                    </li>
                    <li>
                        <a>
                            <div class="tu tu_c">&nbsp;</div>
                            <div class="name">OTT运营推广服务</div>
                            <p>OTT OPERATION PROMOTION SERVICES</p>
                            <div class="f_line">&nbsp;</div>
                        </a>
                    </li>
                    <li>
                        <a>
                            <div class="tu tu_d">&nbsp;</div>
                            <div class="name">技术支持服务</div>
                            <p>TECHNICAL SUPPORT SERVTCES</p>
                            <div class="f_line">&nbsp;</div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="space_hx">&nbsp;</div>
    <div class="i_box pro">
        <div class="box_h">
            <div class="title">
                产&nbsp;&nbsp;&nbsp;&nbsp;品
                <div class="line line_l">&nbsp;</div>
                <div class="line line_r">&nbsp;</div>
            </div>
            <p>PRODUCT</p>
        </div>
        <div class="box_m">
            <div class="pro_m">
                <div class="slider">
                    <div class="flexslider">
                        <ul class="slides">
                            <li class="show">
                                <ul class="pro_l clearfix">
                                    <li>
                                        <a>
                                            <img src="./images/pic3.jpg" alt="" />
                                            <div class="name">DVB-S数字卫星机顶盒</div>
                                            <p>DVB-S2+CA+LAN+USB+WIFI</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="./images/pic3.jpg" alt="" />
                                            <div class="name">Android OTT机顶盒</div>
                                            <p>DVB-S2+CA+LAN+USB+WIFI</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="./images/pic3.jpg" alt="" />
                                            <div class="name">DVB-T数字地面机顶盒</div>
                                            <p>DVB-S2+CA+LAN+USB+WIFI</p>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <ul class="pro_l clearfix">
                                    <li>
                                        <a>
                                            <img src="./images/pic3.jpg" alt="" />
                                            <div class="name">DVB-S数字卫星机顶盒</div>
                                            <p>DVB-S2+CA+LAN+USB+WIFI</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="./images/pic3.jpg" alt="" />
                                            <div class="name">DVB-T数字地面机顶盒</div>
                                            <p>DVB-S2+CA+LAN+USB+WIFI</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a>
                                            <img src="./images/pic3.jpg" alt="" />
                                            <div class="name">Android OTT机顶盒</div>
                                            <p>DVB-S2+CA+LAN+USB+WIFI</p>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="space_hx">&nbsp;</div>
    <div class="join">
        <div class="bg bg_a"><img src="./images/pic2.jpg" alt="" /></div>
        <div class="wen">
            <a><img src="./images/pic1.png" alt="" /></a>
        </div>
        <div class="bg bg_b"><img src="./images/bg_c.png" alt="" /></div>
    </div>
    <div class="f_bg">
        <div class="f_m clearfix">
            <div class="f_logo">
                <a><img src="./images/logo_b.png" alt="" /></a>
            </div>
            <div class="code"><img src="./images/code.png" alt="" /></div>
            <div class="f_mr">
                <div class="line">&nbsp;</div>
                <div class="space_hx">&nbsp;</div>
                <span class="tl">联系我们</span>
                <div class="num">
                    <a><img src="./images/icon9.png" alt="" /></a>
                    <a><img src="./images/icon10.png" alt="" /></a>
                    <em>+86-755-2652 6837</em>
                </div>
                <div class="space_hx">&nbsp;</div>
                <div class="line">&nbsp;</div>
            </div>
        </div>
        <div class="bq_bg">
            <div class="bq">
                That existed is rational.(存在即是合理)
            </div>
        </div>
    </div>
    <script src="../project/dist/js/swiper.min.js"></script>
    <script src="./scripts/index.js"></script>
    <script>
        var mySwiper = new Swiper(".swiper-container", {
            direction: "vertical", // 垂直切换选项
            loop: true, // 循环模式选项

            // 如果需要分页器
            pagination: {
                el: ".swiper-pagination",
            },

            // 如果需要前进后退按钮
            navigation: {
                nextEl: ".swiper-button-next",
                prevEl: ".swiper-button-prev",
            },

            // 如果需要滚动条
            scrollbar: {
                el: ".swiper-scrollbar",
            },
        });
    </script>
</body>

</html>